{% extends "base.html" %}

<!-- 标题模块被重载 -->
{% block title %}Index{% endblock %}

<!-- head模块被重载,并且使用super继承了base.html中head的内容 -->
{% block head %}
    {{ super() }}
    <style type="text/css">
    .important { color: #336699; }
    </style>
{% endblock %}

<!-- 覆盖了content模块 -->
{% block content %}
    <h1>欢迎访问</h1>
    <p class="important"> 个人博客 </p>
{% endblock %}
